﻿@inherits Project.Module.View.CMS.CMSThemSanPham
@{
    ViewBag.Title = "Thêm mới sản phẩm";
    Layout = "~/Views/Backend/Home/_Master.cshtml";
}
<h1>Thêm mới sản phẩm</h1>
<table height="20px"></table>
        <form method="post">
        <table border="0">
        	<tr>
            	<td>Tên</td>
            	<td><input type="text" id="name" class="inp-form" /></td>
            </tr>
            <tr height="10px"></tr>
            <tr>
            	<td>Link Ảnh</td>
                <td><input type="text" id="image" class="inp-form" /></td>
            </tr>
            <tr height="10px"></tr>
            <tr>
            	<td>Giá</td>
            	<td><input type="text" id="price" class="inp-form" /></td>
            </tr>
            <tr height="10px"></tr>
            <tr>
            	<td>Số lượng</td>
            	<td><input type="text" id="quantity" class="inp-form" /></td>
            </tr>
            <tr height="10px"></tr>
            <tr>
            	<td>Chủng loại</td>
            	<td>
                    <select class="styledselect_form_1" id="ddlCate">
                    @if (this.listCate != null) {
                        foreach (var item in this.listCate) { 
                            <option value="@item.cateId">@item.cateName</option>
                        }
                    }
                    </select> 
                </td>
            </tr>
            <tr height="10px"></tr>
            <tr>
            	<td>Nhà cung cấp</td>
            	<td>
                    <select class="styledselect_form_1" id="ddlSupplier">
                    @if (this.listSupplier != null)
                    {
                        foreach (var item in this.listSupplier)
                        { 
                            <option value="@item.SupplierID">@item.SupplierName</option>
                        }
                    }
                    </select> 
                </td>
            </tr>
            <tr height="10px"></tr>
            <tr>
            	<td>Mô tả sản phẩm</td>
            	<td><textarea rows="" cols="" id="description" class="form-textarea"></textarea></td>
            </tr>
            <tr height="10px"></tr>
            <tr>
            	<td><input type="submit" id="btnUpload" class="add-form" /></td>&nbsp;&nbsp;
                <td><input type="submit" id="btnCancel" class="reset-form" /></td>
            </tr>
        </table>
        </form>
<table height="20px"></table>

<script type="text/javascript">
    $('#btnUpload').click(function () {
        var link = '/admin/addProduct';
        var name = document.getElementById('name').value;
        var image = document.getElementById('image').value;
        var quantity = document.getElementById('quantity').value;
        var price = document.getElementById('price').value;
        var description = document.getElementById('description').value;
        var ddl = document.getElementById('ddlCate');
        var cateId = ddl.options[ddl.selectedIndex].value;
        var ddlS = document.getElementById('ddlSupplier');
        var supplierId = ddlS.options[ddlS.selectedIndex].value;

        if (name.length == 0) {
            alert("Bạn chưa nhập tên");
            return false;
        }
        if (image.length == 0) {
            alert("Bạn chưa up ảnh");
            return false;
        }
        if (quantity.length == 0) {
            alert("Bạn chưa nhập số lượng");
            return false;
        }
        if (price.length == 0) {
            alert("Bạn chưa nhập giá tiền");
            return false;
        }
        if (description.length == 0) {
            alert("Bạn chưa nhập mô tả");
            return false;
        }
        if (cateId.length == 0) {
            alert("Bạn chưa chọn danh mục");
            return false;
        }
        if (supplierId.length == 0) {
            alert("Bạn chưa chọn danh mục");
            return false;
        }

        $.post(link, { 'name': name, 'image': image, 'quantity': quantity, 'price': price, 'description': description, 'cateId': cateId, 'supplierId': supplierId }, function (data) {
            if (data.result == 1) {
                window.location = "/admin/them-san-pham";
            }
        });

        document.getElementById('name').value = '';
        document.getElementById('image').value = '';
        document.getElementById('quantity').value = '';
        document.getElementById('price').value = '';
        document.getElementById('description').value = '';

        // return
        return false;
    });

    $('#btnCancel').click(function () {
        document.getElementById('name').value = '';
        document.getElementById('image').value = '';
        document.getElementById('quantity').value = '';
        document.getElementById('price').value = '';
        document.getElementById('description').value = '';

        // return
        return false;
    });
</script>
